import Vue from 'vue'
// 引入svg组件
import SvgIcon from '@/components/SvgIcon'// svg component
// components: {
//   SvgIcon: SvgIcon
// }

// 全局注册svg组件
// <svg-icon></svg-icon> 使用svg图标
Vue.component('svg-icon', SvgIcon)

// import './svg/dashboard.svg'
// import './svg/example.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'
// import './svg/eye.svg'

// require.context是webpack的语法, 用来实现批量导入文件的!!!
// require.context(directory,useSubdirectories,regExp)
// 1. directory 设置成你要批量导入的文件所在的文件夹
// 2. useSubdirectories 布尔值, true 表示要查找子目录; false 不查找子目录
// 3. regExp 正则 你要告诉它要批量导入的文件特征
const req = require.context('./svg', false, /\.svg$/)
// req.keys() 会拿到所有要导入的文件路径集合
// console.log(req.keys())
// 定义了一个函数, 这个函数会将所有的要导入的路径集合 批量导入
const requireAll = requireContext => requireContext.keys().map(requireContext)
// 批量导入
requireAll(req)

// sort map filter
// 上面就是在做一件事: 导入了所有svg文件夹下的svg图标
// 这里会配合到后面说的一个webpack插件 (svg-sprites-loader) 将导入的所有svg图标 自动拼接到一个大的容器中 => svg精灵图
